<template>
  <div class="text-center text-grey-8 q-mt-md">
    <div class="size-14">第三方账号登录</div>
    <div class="q-mt-sm">
      <q-btn color="grey-3" dense round class="q-mx-sm">
        <a href="https://graph.qq.com/oauth2.0/authorize?client_id=100534515&response_type=code&redirect_uri=https%3A%2F%2Fwww.ageeye.cn%2Faccount%2Foauth%2Fqq%2F&state=socialoauth">
          <i class="text-primary size-18 iconfont icon-qq"></i>
        </a>
      </q-btn>
      <q-btn v-if="$route.query.test === 'weixin'" color="grey-3" dense round class="q-mx-sm">
        <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxba92e491b4b7196d&redirect_uri=https%3A%2F%2Fwww.ageeye.cn%2faccount%2foauth%2fweixin%2f&response_type=code&scope=snsapi_login&state=socialoauth#wechat_redirect">
          <i class="text-positive size-18 iconfont icon-weixin"></i>
        </a>
      </q-btn>
      <q-btn color="grey-3" dense round class="q-mx-sm">
        <a href="https://api.weibo.com/oauth2/authorize?client_id=2611727369&response_type=code&redirect_uri=https%3A%2F%2Fwww.ageeye.cn%2Faccount%2Foauth%2Fweibo%2F">
          <i class="text-red size-18 iconfont icon-weibo"></i>
        </a>
      </q-btn>
      <q-btn color="grey-3" dense round class="q-mx-sm">
        <a href="https://openapi.baidu.com/oauth/2.0/authorize?client_id=LMgiUdmxrQ1QQRifnuE9dEUd&response_type=code&redirect_uri=https%3A%2F%2Fwww.ageeye.cn%2Faccount%2Foauth%2Fbaidu%2F&scope=netdisk">
          <i class="text-blue-14 size-18 iconfont icon-baidu"></i>
        </a>
      </q-btn>
    </div>
  </div>
</template>

<script>
    export default {
      name: 'aOauth',
      props: {
      },
      data () {
        return {
        }
      },
      computed: {
      },
      watch: {
      },
      methods: {
      }
    }
</script>

<style lang="stylus">
</style>
